<script setup lang="ts">

import {useMessageSetting} from "../hooks/useMessageSetting";

const {email} = useMessageSetting()
</script>

<template>
  <div class="message-setting-box">
    <div class="message-setting-header">
      <el-text class="message-setting-text">邮件通知</el-text>
    </div>
    <div class="message-setting-body">

      <div class="message-setting-body-box">
        <div class="setting-box-top">
          评论和@
          <div class="setting-select">
            <el-select v-model="email.Interact" placeholder="please select your zone">
              <el-option label="接收此类通知" value="1" />
              <el-option label="不接收此类通知" value="0" />
            </el-select>
          </div>

        </div>
        <div class="setting-box-bottom">
          有人对我的内容进行评论时，我会收到消息提醒
        </div>
      </div>

      <div class="message-setting-body-box">
        <div class="setting-box-top">
          新增粉丝
          <div class="setting-select">
            <el-select v-model="email.AddFans" placeholder="please select your zone">
              <el-option label="接收此类通知" value="1" />
              <el-option label="不接收此类通知" value="0" />
            </el-select>
          </div>
        </div>
        <div class="setting-box-bottom">
          有人关注我后会收到消息提醒
        </div>
      </div>

      <div class="message-setting-body-box">
        <div class="setting-box-top">
          赞和收藏
          <div class="setting-select">
            <el-select v-model="email.Support" placeholder="please select your zone">
              <el-option label="接收此类通知" value="1" />
              <el-option label="不接收此类通知" value="0" />
            </el-select>
          </div>
        </div>
        <div class="setting-box-bottom">
          有人对我表达的内容表示赞同时，我会收到消息提醒
        </div>
      </div>
    </div>
  </div>
</template>

<style scoped lang="scss">
@import "style/MessageSetting";
</style>